<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  <title>Document</title>
  <link rel="stylesheet" href="./css/jd.min.css">
</head>
<body>
  <div class="wrap">
    <div class="container">
      <!------------------ 导航栏 --------------->
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/175540/24/19329/6842/60ec0b0aEf35f7384/ec560dbf9b82b90b.png!q70.jpg" alt="">
        </i>
        <span>京东超市</span>
      </a>
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png!q70.jpg" alt="">
        </i>
        <span>数码电器</span>
      </a>
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/41867/2/15966/7116/60ec0e0dE9f50d596/758babcb4f911bf4.png!q70.jpg" alt="">
        </i>
        <span>京东服饰</span>
      </a>
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/177902/16/13776/5658/60ec0e71E801087f2/a0d5a68bf1461e6d.png!q70.jpg" alt="">
        </i>
        <span>京东生鲜</span>
      </a>
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/196472/7/12807/7127/60ec0ea3Efe11835b/37c65625d94cae75.png!q70.jpg" alt="">
        </i>
        <span>京东到家</span>
      </a>
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/185733/21/13527/6648/60ec0f31E0fea3e0a/d86d463521140bb6.png!q70.jpg" alt="">
        </i>
        <span>充值缴费</span>
      </a>
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/199143/10/8979/4223/614599f5E45cd5464/d15aa650a0ebe596.png!q70.jpg" alt="">
        </i>
        <span>物流查询</span>
      </a>
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/186080/16/13681/8175/60ec0fcdE032af6cf/c5acd2f8454c40e1.png!q70.jpg" alt="">
        </i>
        <span>领券</span>
      </a>
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/196711/35/12751/6996/60ec1000E21b5bab4/38077313cb9eac4b.png!q70.jpg" alt="">
        </i>
        <span>领金贴</span>
      </a>
      <a href="#" class="wrap-list">
        <i class="list-item">
          <img src="https://m15.360buyimg.com/mobilecms/jfs/t1/37709/6/15279/6118/60ec1046E4b5592c6/a7d6b66354efb141.png!q70.jpg" alt="">
        </i>
        <span>PLUS会员</span>
      </a>
    </div>
    <!---------------- 商品列表 ---------------->
    <div class="content-list">
      <div class="content-item">
          <div class="item-img">
            <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/99163/3/25126/130080/622c6711Ef9832cf2/38aab77687ce63a2.jpg!q70.dpg.webp" alt="">
          </div>
          <div class="item-title">百丽小白鞋女2022春新商场同款个性潮流厚底休闲板鞋X4W1DAM2【B】 米/黑色 36</div>
          <a href="#" class="meta">
            <i class="meta-logo">
              <img src="https://img12.360buyimg.com/img/s24x24_jfs/t1/99811/34/18036/1287/5e8dbca2E63de76d4/588b8392ae283444.png" alt="">
            </i>
            <span>90天最低价</span>
          </a>
          <div class="item-price">
            <span class="price01">￥</span>
            <span class="price02">669</span>
            <span class="price03">.00</span>
          <div class="item-comments">
              <span class="comments">200+条评论</span>
              <span class="text">看相似</span>
          </div>
          </div>
      </div>
      <div class="content-item">
        <div class="item-img">
          <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/99163/3/25126/130080/622c6711Ef9832cf2/38aab77687ce63a2.jpg!q70.dpg.webp" alt="">
        </div>
        <div class="item-title">百丽小白鞋女2022春新商场同款个性潮流厚底休闲板鞋X4W1DAM2【B】 米/黑色 36</div>
        <a href="#" class="meta">
          <i class="meta-logo">
            <img src="https://img12.360buyimg.com/img/s24x24_jfs/t1/99811/34/18036/1287/5e8dbca2E63de76d4/588b8392ae283444.png" alt="">
          </i>
          <span>90天最低价</span>
        </a>
        <div class="item-price">
          <span class="price01">￥</span>
          <span class="price02">669</span>
          <span class="price03">.00</span>
          <div class="item-comments">
            <span class="comments">200+条评论</span>
            <span class="text">看相似</span>
          </div>
        </div>
      </div>
      <div class="content-item">
        <div class="item-img">
          <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/99163/3/25126/130080/622c6711Ef9832cf2/38aab77687ce63a2.jpg!q70.dpg.webp" alt="">
        </div>
        <div class="item-title">百丽小白鞋女2022春新商场同款个性潮流厚底休闲板鞋X4W1DAM2【B】 米/黑色 36</div>
        <a href="#" class="meta">
          <i class="meta-logo">
            <img src="https://img12.360buyimg.com/img/s24x24_jfs/t1/99811/34/18036/1287/5e8dbca2E63de76d4/588b8392ae283444.png" alt="">
          </i>
          <span>90天最低价</span>
        </a>
        <div class="item-price">
          <span class="price01">￥</span>
          <span class="price02">669</span>
          <span class="price03">.00</span>
          <div class="item-comments">
            <span class="comments">200+条评论</span>
            <span class="text">看相似</span>
          </div>
        </div>
      </div>
      <div class="content-item">
        <div class="item-img">
          <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/99163/3/25126/130080/622c6711Ef9832cf2/38aab77687ce63a2.jpg!q70.dpg.webp" alt="">
        </div>
        <div class="item-title">百丽小白鞋女2022春新商场同款个性潮流厚底休闲板鞋X4W1DAM2【B】 米/黑色 36</div>
        <a href="#" class="meta">
          <i class="meta-logo">
            <img src="https://img12.360buyimg.com/img/s24x24_jfs/t1/99811/34/18036/1287/5e8dbca2E63de76d4/588b8392ae283444.png" alt="">
          </i>
          <span>90天最低价</span>
        </a>
        <div class="item-price">
          <span class="price01">￥</span>
          <span class="price02">669</span>
          <span class="price03">.00</span>
          <div class="item-comments">
            <span class="comments">200+条评论</span>
            <span class="text">看相似</span>
          </div>
        </div>
      </div>
      <div class="content-item">
        <div class="item-img">
          <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/99163/3/25126/130080/622c6711Ef9832cf2/38aab77687ce63a2.jpg!q70.dpg.webp" alt="">
        </div>
        <div class="item-title">百丽小白鞋女2022春新商场同款个性潮流厚底休闲板鞋X4W1DAM2【B】 米/黑色 36</div>
        <a href="#" class="meta">
          <i class="meta-logo">
            <img src="https://img12.360buyimg.com/img/s24x24_jfs/t1/99811/34/18036/1287/5e8dbca2E63de76d4/588b8392ae283444.png" alt="">
          </i>
          <span>90天最低价</span>
        </a>
        <div class="item-price">
          <span class="price01">￥</span>
          <span class="price02">669</span>
          <span class="price03">.00</span>
          <div class="item-comments">
            <span class="comments">200+条评论</span>
            <span class="text">看相似</span>
          </div>
        </div>
      </div>
      <div class="content-item">
        <div class="item-img">
          <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/99163/3/25126/130080/622c6711Ef9832cf2/38aab77687ce63a2.jpg!q70.dpg.webp" alt="">
        </div>
        <div class="item-title">百丽小白鞋女2022春新商场同款个性潮流厚底休闲板鞋X4W1DAM2【B】 米/黑色 36</div>
        <a href="#" class="meta">
          <i class="meta-logo">
            <img src="https://img12.360buyimg.com/img/s24x24_jfs/t1/99811/34/18036/1287/5e8dbca2E63de76d4/588b8392ae283444.png" alt="">
          </i>
          <span>90天最低价</span>
        </a>
        <div class="item-price">
          <span class="price01">￥</span>
          <span class="price02">669</span>
          <span class="price03">.00</span>
          <div class="item-comments">
           <span class="comments">200+条评论</span>
           <span class="text">看相似</span>
          </div>
        </div>  
      </div>

      <!------------------------ 底部导航 ------------------>
      <div class="footer">
        <div class="footer-list">
          <i class="list-img">
            <img src="https://img11.360buyimg.com/jdphoto/s130x100_jfs/t1/67550/26/12426/5094/5d9c4b13Eea435a3f/81328b0609c60a3c.png" alt="">
          </i>
        </div>
        <div class="footer-list">
          <i class="list-img">
            <img src="https://img11.360buyimg.com/jdphoto/s130x100_jfs/t1/56507/6/12787/3168/5d9c4b12Ef363dd8d/4af32f42575509d8.png" alt="">
          </i>
        </div>
        <div class="footer-list">
          <i class="list-img">
            <img src="https://img12.360buyimg.com/img/s130x100_jfs/t1/204426/12/6992/3308/61446d8eEcda57bc4/8c9c49ed85ddd182.png" alt="">
          </i>
        </div>
        <div class="footer-list">
          <i class="list-img">
            <img src="https://img11.360buyimg.com/jdphoto/s130x100_jfs/t1/64954/4/12406/3529/5d9c4b12Ee7a82735/f2fe0a88bf344736.png" alt="">
          </i>
        </div>
        <div class="footer-list">
          <i class="list-img">
            <img src="https://img12.360buyimg.com/img/s130x100_jfs/t1/203343/14/10880/3097/61641568E184a8e0b/4522f6ec5bb9b10b.png" alt="">
          </i>
        </div>
      </div>
    </div>
  </div>
</body>
</html>